{# SPDX-License-Identifier: Apache-2.0 -#}
{% extends "error-base-with-search.html" %}
{% block title %}
  {% trans %}Page Not Found (404){% endtrans %}
{% endblock %}
{% block error_heading %}
  {% trans %}We looked everywhere but couldn't find this page{% endtrans %}
{% endblock %}
{% block error_code %}404{% endblock %}
{% block extra_css %}<link href="https://fonts.googleapis.com/css?family=Ewert" rel="stylesheet">{% endblock %}
{% block easter_egg %}
  <div class="viewport-section viewport-section--ee">
    <div class="viewport-section__content">
      <h2 class="viewport-section__heading">
        {% trans %}And now for something
        <br>
        <span>completely different</span>{% endtrans %}
      </h2>
      <div class="viewport-section__video">
        <div class="viewport-section__video-container">
          <iframe title="{% trans %}Monty Python - The Cheese Shop Sketch{% endtrans %}"
                  width="560"
                  height="315"
                  src="https://www.youtube-nocookie.com/embed/zB8pbUW5n1g?rel=0&enablejsapi=1&showinfo=0&iv_load_policy=3&origin={{ request.host_url }}"
                  frameborder="0"
                  allowfullscreen></iframe>
        </div>
        <p>
          <a href="https://people.cs.rutgers.edu/~mdstone/class/440-fall-99/cheeseshop.html"
             title="{% trans %}External link{% endtrans %}"
             target="_blank"
             rel="noopener">{% trans %}View video transcript{% endtrans %}</a>
        </p>
      </div>
    </div>
  </div>
{% endblock %}
